<template>
	<view class="msg-context">
		<NavBar title="达人大厅" />
		<view class="xsm-paihang-nav">
			<ul style="list-style: none;padding: 0;margin: 0;height:43px;background-color: white">
				<li style="border-bottom: 2px #faca2a solid;width: 100%;height: 44px;float: left;text-align: center;">
					<a style="line-height: 42px;height: 42px;color: #faca2a;">同城达人</a>
				</li>
			</ul>
		</view>
		<ul style="padding: 0;margin: 0;list-style: none;margin-top: 44px;">
			<li style="display: flex;border-bottom: 1px #f1f1f1 solid;background-color: white;height: 70px;line-height: 70px;justify-content:space-around">
				<view class="idCode">1</view>
				<view class="headImg">
					<img src="http://img.boxmedia.vip/avatars/Ko4mV6LSSkG8A0zTirHEkpmmjBQqON2KKwshWSHq.jpg" style="height: 50px;border-radius: 50%;margin-top: 10px;">
				</view>
				<view class="username">Jason</view>
				<view class="guanzhu" style="color:red;">关注:1568.0w</view>
				<view class="add" style="border-radius: 50%;background-color: #faca2a;height: 35px;width: 35px;line-height: 35px;text-align: center;margin-top: 13px;font-weight: bolder;">+</view>
			</li>
		</ul>
	</view>
</template>

<script setup>
	import NavBar from '../../../components/nav-bar'
</script>

<style lang="scss" scoped>
	.msg-context {
		background-color: #f0f0f0;
		height: 100vh;
	}

	.xsm-paihang-nav {
		width: 100%;
		height: 5vh;
		background: #fff;
		position: fixed;
		top: 44px;
		left: 0;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
</style>